<template>
  <div>
    <hts-desc :config="{ border: true, direction: 'horizontal' }" :columns="columns" :data="data" />
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      columns: [
        { label: '姓名', field: 'name' },
        { label: '手机号', field: 'phone' },
        { label: '苏州市', field: 'city' },
        { type: 'tag', label: '标签', field: 'remarks' },
        { label: '地址', field: 'address' },
        { type: 'image', label: '标签', field: 'iamges' }
      ],
      data: {
        name: 'kooriookami',
        phone: '18100000000',
        city: '苏州市',
        address: '江苏省苏州市吴中区吴中大道 1188 号',
        remarks: ['学校', '学校', '学校', '学校', '学校', '学校', '学校', '学校', '学校', '学校', '学校', '学校'],
        iamges: [
          'https://i.picsum.photos/id/959/360/460.jpg?hmac=7iRFNamaJp2VUQzJzLc28-00ssr-PbP7WvxdS_-CEHc',
          'https://i.picsum.photos/id/959/360/460.jpg?hmac=7iRFNamaJp2VUQzJzLc28-00ssr-PbP7WvxdS_-CEHc'
        ]
      }
    };
  },
  computed: {},
  methods: {}
};
</script>

<style scoped lang="scss"></style>
